<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>blah</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/highcharts.js"></script>
</head>
<body>
    <script>
 $(function () { 
    $('#container').highcharts({
     credits: {
      enabled: false
  },
        chart: {
            type: 'column',
      
			
        },
        tooltip: {


            valueSuffix: ' photos'
        },
		title: { text: null},
		yAxis: {
		title: {text:'Photographs'},
  /*
          startOnTick: false,
        
            minpadding:10
*/
        /*     minPadding: 200 */
        },
        xAxis: {
       
	         type: 'datetime',
	          tickInterval : 7*24 * 3600 * 1000,
	      labels : { y : 20, rotation: -45, align: 'right' },
        },
            tooltip: {
            formatter: function() {
                return Highcharts.dateFormat('%B %Y', new Date(this.x)) + ': <b>'+ this.y + '</b> photos';
            }
        },   

         series: [{
        	 showInLegend: false,               
               minPointLength: 5,
                data: [[Date.UTC(1940,10,0), 1 ],[Date.UTC(1941,5,0), 1 ],[Date.UTC(1941,7,0), 151 ],[Date.UTC(1941,8,0), 250 ],[Date.UTC(1941,9,0), 91 ],[Date.UTC(1941,10,0), 389 ],[Date.UTC(1941,12,0), 227 ],[Date.UTC(1942,1,0), 74 ],[Date.UTC(1942,3,0), 146 ],[Date.UTC(1942,4,0), 96 ],[Date.UTC(1942,5,0), 169 ],[Date.UTC(1942,6,0), 353 ],[Date.UTC(1942,7,0), 92 ],[Date.UTC(1942,8,0), 246 ],[Date.UTC(1942,9,0), 238 ],[Date.UTC(1942,11,0), 279 ],[Date.UTC(1942,12,0), 7 ],[Date.UTC(1943,1,0), 850 ],[Date.UTC(1943,2,0), 312 ],[Date.UTC(1943,3,0), 10 ],[Date.UTC(1943,4,0), 130 ],[Date.UTC(1943,5,0), 310 ],[Date.UTC(1943,6,0), 454 ],[Date.UTC(1943,7,0), 3 ],[Date.UTC(1943,8,0), 101 ],[Date.UTC(1944,5,0), 14 ],]
    
            }          
    ],
 /*
   plotBands: [
	            
	            { 
                    from: Date.UTC(1942,0,0),
                    to: Date.UTC(1942,11,30),
                    color: 'rgba(68, 170, 213, 0.1)',
                    label: {
                        text: 'Wintour',
                        style: {
                            color: '#606060'
                        }
                    }
                }, 
                ]
*/
                });
});   </script>

<div id="container" style="width:100%; height:400px;"></div>
</body>
</html>


